<!-- JQUERY UI-->
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css'); ?>" />
<!-- DATA TABLES -->
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/js/datatables/media/css/jquery.dataTables.min.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/js/datatables/media/assets/css/datatables.min.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/js/datatables/extras/TableTools/media/css/TableTools.min.css'); ?>" />				
<!-- MODALS -->
<div class="row">
    <div class="col-md-12">
        <p class="btn-toolbar">
        </p>
        <br>
        <!-- BOX -->
        <div class="box border orange">
            <div class="box-title">
                <h4><i class="fa fa-user"></i></h4>
                <div class="tools hidden-xs">
                    <a href="#box-config" data-toggle="modal" class="config">
                        <i class="fa fa-cog"></i>
                    </a>
                    <a href="javascript:;" class="reload">
                        <i class="fa fa-refresh"></i>
                    </a>
                    <a href="javascript:;" class="collapse">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a href="javascript:;" class="remove">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="box-body">
                <table id="datatable1" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th width="10px">No</th>
                            <th>List Pertanyaan</th>
                            <th>Jawaban</th>
                            <th>Komentar</th>
                            <th>Option</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="gradeX" colspan="">
                            <td><?php echo 'no'; ?></td>
                            <td><?php echo 'list pertanyaan'; ?></td>
                            <td><?php echo 'jawaban'; ?></td>
                            <td><?php echo 'komentar'; ?></td>
                            <td class="center hidden-xs">
                                <a href=""><i class="fa fa-edit fa-fw tip-bottom" title="kembali ke daftar klien"></i></a>
                                <a href="" onclick="return confirm('Apakah Anda yakin ingin menghapus klien ini?');"><i class="fa fa-times fa-fw tip-bottom" title="hapus"></i></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /BOX -->
    </div>
</div>
<!-- /MODALS -->
<div class="footer-tools">
    <span class="go-top">
        <i class="fa fa-chevron-up"></i> Top
    </span>
</div>
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="<?php echo base_url('assets/js/jquery/jquery-2.0.3.min.js'); ?>"></script>
<!-- JQUERY UI-->
<script src="<?php echo base_url('assets/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js'); ?>"></script>
<!-- BOOTSTRAP -->
<script src="<?php echo base_url('assets/bootstrap-dist/js/bootstrap.min.js'); ?>"></script>


<!-- DATE RANGE PICKER -->
<script src="<?php echo base_url('assets/js/bootstrap-daterangepicker/moment.min.js'); ?>"></script>

<script src="<?php echo base_url('assets/js/bootstrap-daterangepicker/daterangepicker.min.js'); ?>"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js'); ?>"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-BlockUI/jquery.blockUI.min.js'); ?>"></script>
<!-- DATA TABLES -->
<script type="text/javascript" src="<?php echo base_url('assets/js/datatables/media/js/jquery.dataTables.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/datatables/media/assets/js/datatables.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/datatables/extras/TableTools/media/js/TableTools.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/datatables/extras/TableTools/media/js/ZeroClipboard.min.js'); ?>"></script>
<!-- COOKIE -->
<script type="text/javascript" src="<?php echo base_url('assets/js/jQuery-Cookie/jquery.cookie.min.js'); ?>"></script>
<!-- CUSTOM SCRIPT -->
<script src="<?php echo base_url('assets/js/script.js'); ?>"></script>
<script>
jQuery(document).ready(function() {
        App.setPage("dynamic_table");  //Set current page
        App.init(); //Initialise plugins and elements
    });
</script>
<!-- /JAVASCRIPTS -->